<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../stylesheets/student.css">
  <script src="../javascripts/jquery-3.2.1.js"></script>
  <script src="../javascripts/stduent.js"></script>
</head>
<body>
  <div class="box">
    <h1>学生信息录入</h1>
    <div class="top">
      <ul>
        <li><input id="sUrl" type="text" placeholder="请输入学生头像照片地址"></li>
        <li><input id="sName" type="text" placeholder="请输入学生姓名"></li>
        <li><input id="sPrice" type="number" placeholder="请输入学生学费"></li>
        <li>选择学生班级
          <select id="sSel">
            <option value="p1">p1</option>
            <option value="p2">p2</option>
            <option value="p3">p3</option>
          </select>
        </li>
        <li>
          <button id="sAdd">添加</button>
        </li>
      </ul>
    </div>
    <div class="content">
      <ul>
        <li>
          <input id="sFindName" type="text" placeholder="请输入学生姓名">
          <input id="sFindPrice" type="text" placeholder="请输入学生学费">
          <button id="sFind">搜索</button>
        </li>
        <li>
          <button id="sSort">按照学费从高到低排序</button>
        </li>
      </ul>
     
    </div>
    <div class="typeBtn">
      <button class="active">全部</button>
      <button>p1</button>
      <button>p2</button>
      <button>p3</button>
    </div>
    <div>
      <table>
        <thead>
          <tr>
            <th>头像</th>
            <th>名字</th>
            <th>学费</th>
            <th>班级</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><img src="../images/01.jpg" alt=""></td>
            <td>赵飞</td>
            <td>3000</td>
            <td>p2</td>
            <td>
              <button>删除</button>
              <button>修改</button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div>
      <button id="lastBtn">上一页</button>
      <span>1</span>
      <span>2</span>
      <span>3</span>
      <span>4</span>
      <span>5</span>
      <button id="nextBtn">下一页</button>
    </div>
  </div>
  
  <div class="mask">
    <div class="div_img">
      <img src="../images/loading.gif" alt="">
    </div>
  </div>
</body>
</html>